<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
<title>选择客户</title>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

<link rel="Bookmark" href="/favicon.ico" >
<link rel="Shortcut Icon" href="/favicon.ico" />
<!--[if lt IE 9]>
<script type="text/javascript" src="__PUBLIC__/Admin/lib/html5.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/lib/respond.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/Admin/lib/PIE_IE678.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/lib/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/lib/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/lib/Hui-iconfont/1.0.7/iconfont.css" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/css/sty.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/css/page.css">
<!-- <link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/lib/icheck/icheck.css" /> -->
<!-- <link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/static/h-ui.admin/skin/default/skin.css" id="skin" /> -->
<!-- <link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/static/h-ui.admin/css/style.css" /> -->
<!--[if IE 6]>
<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<!--/meta 作为公共模版分离出去-->

<style type="text/css">
	.f-w{font-weight: bold;}
    /*.input-text{border: none !important}*/
    textarea{width: 95% !important}
    .textarea{height: 50px !important}
    td{font-size: 14px !important;/*border: solid 1px #ddd;*/border: none !important}
    .table-bordered th,table.dataTable{border-collapse: collapse !important;border: none !important }
    .table-bg thead th{background-color:#e9f3fc !important }
    .page-container{margin-bottom: 25px}
    button{margin-left: 20px }
    .bg-c,.normalEvenTD{ 
    background: #f5fafe; 
    } 
    .normalOddTD{ 
    background: #FFFFFF; 
    }
</style>
</head>


<body>
<div class="page-container">
    
    <div style="background: ">

        <div class="cl pd-5 bg-1 bk-gray"> 
            <form action="{:U('Out/choice')}" method="post">
                <div style="float:right" style="width:450px;">
                    客户名称：
                    <input type="text" name="client_name" value="{$client_name}" class="input-text" style="width:120px;">
                    <button class="btn btn-success" type="submit" style="margin-left:10px;margin-right:10px;">搜索</button> 
                </div>
            </form>
        </div>

    	<div class="mt-20">
            <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper no-footer">

                <table class="list table table-border table-bordered table-bg table-hover table-sort dataTable no-footer" id="DataTables_Table_0" role="grid" aria-describedby="DataTables_Table_0_info">
                    <thead>
                        <tr class="text-c" role="row">
                            <th tabindex="0" aria-controls="DataTables_Table_0">客户</th>
                            <th tabindex="0" aria-controls="DataTables_Table_0">店长</th>
                            <th tabindex="0" aria-controls="DataTables_Table_0">地点</th>
                            <th aria-label="操作">操作</th>
                        </tr>
                    </thead>
                    <tbody>     
                        <volist name="clientList" id="val" empty="$empty">           
                            <tr class="text-c odd" role="row">
                                <td>{$val.client_name}</td>
                                <td>{$val.shop_manager}</td>
                                <td>{$val.location}</td>
                                <td class="f-14 td-manage">
                                    <a style="text-decoration:none" class="ml-5" href="{:U('Out/add',array('cid'=>$val['id'],'client_name'=>$val['client_name']))}">选择</a>
                                </td>
                            </tr>
                        </volist>
                        
                    </tbody>
                </table>
                <div class="digg">{$page}</div>
            </div>
        </div>
    </div>

</div>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="__PUBLIC__/Admin/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="__PUBLIC__/Admin/lib/layer/2.1/layer.js"></script> 
<script type="text/javascript" src="__PUBLIC__/Admin/lib/static/h-ui/js/H-ui.js"></script> 
<script type="text/javascript" src="__PUBLIC__/Admin/lib/static/h-ui.admin/js/H-ui.admin.js"></script> 
<script type="text/javascript" src="__PUBLIC__/Admin/lib/My97DatePicker/WdatePicker.js"></script> 
<!--/_footer /作为公共模版分离出去-->


<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript">

// 详情
function out_html(title,url,id,w,h){
    layer_show(title,url);
}

// 删除
function out_del(url){
    layer.confirm('确认要删除吗？', function(index){
        //$(obj).parents("tr").remove();
        layer.msg('已删除!',{icon:1,time:1000});
        window.location.href = url;
    });
}

// 批量删除
function out_all_del(){
    layer.confirm('确认要删除吗？',function(index){
        var wid = '';
        for (var i = $('.check_box').length - 1; i >= 0; i--) {
            if($('.check_box').eq(i).is(':checked')){
                wid = wid.length==0 ? $('.check_box').eq(i).val() : wid+','+$('.check_box').eq(i).val();
            }
        }
        if(wid.length == 0){
            layer.msg('请选择要删除的外勤拜访!',{icon:2,time:1000});
        }else{
            layer.msg('已删除!',{icon:1,time:1000});
            var url = "{:U('Out/del',array('id'=>wid,'p'=>$p))}";
            url = url.replace('wid',wid);
            window.location.href = url;
        }
    });
}



$(function(){ 
    ///////datagrid选中行变色与鼠标经过行变色/////////////// 
    var dtSelector = ".list"; 
    var tbList = $(dtSelector); 

    tbList.each(function() { 
    var self = this; 
    $("tr:even:not(:first)", $(self)).addClass("normalEvenTD"); // 从标头行下一行开始的奇数行，行数：（1，3，5...） 
    $("tr:odd", $(self)).addClass("normalOddTD"); // 从标头行下一行开始的偶数行，行数：（2，4，6...） 

    // 鼠标经过的行变色 
    // $("tr:not(:first)", $(self)).hover( 
    // function () { $(this).addClass('hoverTD');$(this).removeClass('table-td-content'); },
    // function () { $(this).removeClass('hoverTD');$(this).addClass('table-td-content'); } 
    // ); 

    // 选择行变色 
    // $("tr", $(self)).click(function (){ 
    // var trThis = this; 
    // $(self).find(".trSelected").removeClass('trSelected'); 
    // if ($(trThis).get(0) == $("tr:first", $(self)).get(0)){ 
    // return; 
    // } 
    // $(trThis).addClass('trSelected'); 
    // }); 
    }); 
}); 
</script>

</body>
</html>